<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>支付结果页面</title>
    <style type="text/css">
  		.content-head{
    		text-align: center;
	    	margin: 30px 20px 15px 20px;
    	}
    	/*微信支付头部*/
	.wx-fail {
		height:75px;
		line-height:75px;
		background:#b51706;
	}
.wx-fail .igood {
		color:#fff;
 		font-size:50px;
 		line-height:75px;
 		margin:0 15px 0 20px;
 	}
	.wx-fail .text {
 		display: inline-block;
 		color:#fff;
 		line-height:75px;
 		font-size:23px;
 	}
 	.wx-fail .logo {
 		width:55px;
 		height:55px;
 		border-radius:200px;
 		overflow:hidden;
 		margin:10px 20px;
 	}
 	.wx-fail .logo img {
 		width:55px;
 		height:55px;
 		border-radius:200px;
 	}
 	.wx-fail.kj {
		background:#c4b16f;
 		height:60px;
		line-height:60px;
 	}
 	.wx-fail.kj p {
 		color:#fff;
 		text-align:center;
 		font-size:22px;
	}
    </style>
    <link rel="stylesheet" href="build/wechat/css/frozen.css" />
    <link rel="stylesheet" href="build/wechat/css/h5.css"/>
    <link rel="stylesheet" href="build/wechat/css/font-awesome.css" />
</head>
<body>
		<header class="wx-header" id="wx-success" style="display:none;">
					<i class="ui-icon-checked igood fl"></i>
					<span class="text fl">支付成功！</span>
		</header>

		<header class="wx-fail" id="wx-tip" style="display:none;">
					<i class="fa fa-times-circle ui-icon-checked igood fl"></i>
					<span class="text fl">#(tip)</span>
		</header>

		<header class="wx-fail" id="wx-fail" style="display:none;">
					<i class="fa fa-times-circle ui-icon-checked igood fl"></i>
					<span class="text fl">支付失败！</span>
		</header>






	<div class="main">
		<div class="m-list clearfloat">
			<span class="name fl">支付订单号</span>
			<span class="text fr">#(outTradeNo)</span>
		</div>


		<div class="m-list clearfloat">
			<span class="name fl">支付币种</span>
			<span class="text fr">#(coinType)</span>
		</div>

		<div class="m-list clearfloat">
			<span class="name fl">支付金额</span>
			<span class="text fr">#(amount)</span>
		</div>

		<!--
		<div class="m-list clearfloat">
			<span class="name fl">确认支付码</span>
			<span class="code fr">${payInfo}</span>
		</div>
		<div style="padding-top:8px;color:#3e3a39;text-align: center;">
				点击下图立即申请
		</div>
		<a href="https://creditcard.cmbc.com.cn/wsonline/index/index.jhtml?tradeFrom=YX-GZZS86&EnStr=EB80C6290BD2692D6CE99812CB663DB7">
		<div style="text-align: center;padding-top: 5%;">
			<img alt="" src="${ctx}/build/wechat/images/ms_xyk_616.jpg" style="width:100%;">
		</div>
		</a>
		 -->

		<div class="content" id="content">
			<h2 class="content-head">
				<h2 class="content-head">
						<div style="text-align: center;font-size: 12px;" >
						</div>

				</h2>
			</h2>
<!-- 			<h2 class="content-title">您有可领优惠券</h2> -->
<!-- 			<ul> -->
<!-- 				<li class="coupons-list"> -->
<!-- 					<a href="#" class="coupons"> -->
<!-- 						<div class="coupons-logo"> -->
<!-- 							<img src="images/2012081510551740.jpg" /> -->
<!-- 						</div> -->
<!-- 						<div class="coupons-text"> -->
<!-- 							<h4>5元代金券</h4> -->
<!-- 						</div> -->
<!-- 					</a> -->
<!-- 					<div class="coupons-time clearfloat"> -->
<!-- 						<span class="fl">李宁专卖店</span> -->
<!-- 						<span class="fr">有效期至：2016.10.11</span> -->
<!-- 					</div> -->
<!-- 					<div class="bg"></div> -->
<!-- 					<a href="#" class="gogo">去领券</a> -->
<!-- 				</li> -->
<!-- 				<li class="coupons-list"> -->
<!-- 					<a href="#" class="coupons green"> -->
<!-- 						<div class="coupons-logo"> -->
<!-- 							<img src="images/1384408125874.jpg" /> -->
<!-- 						</div> -->
<!-- 						<div class="coupons-text"> -->
<!-- 							<h4>满100减20</h4> -->
<!-- 						</div> -->
<!-- 					</a> -->
<!-- 					<div class="coupons-time clearfloat"> -->
<!-- 						<span class="fl">老火锅美食</span> -->
<!-- 						<span class="fr">有效期至：2016.10.12</span> -->
<!-- 					</div> -->
<!-- 					<div class="bg c2"></div> -->
<!-- 					<a href="#" class="gogo">去领券</a> -->
<!-- 				</li> -->
<!-- 				<li class="coupons-list"> -->
<!-- 					<a href="#" class="coupons pink"> -->
<!-- 						<div class="coupons-logo"> -->
<!-- 							<img src="images/1384408125874.jpg" /> -->
<!-- 						</div> -->
<!-- 						<div class="coupons-text"> -->
<!-- 							<h4>满300减50</h4> -->
<!-- 						</div> -->
<!-- 					</a> -->
<!-- 					<div class="coupons-time clearfloat"> -->
<!-- 						<span class="fl">醉潇湘美食店</span> -->
<!-- 						<span class="fr">有效期至：2016.10.13</span> -->
<!-- 					</div> -->
<!-- 					<div class="bg c3"></div> -->
<!-- 					<a href="#" class="gogo">去领券</a> -->
<!-- 				</li> -->
<!-- 			</ul> -->
		</div>


	</div>
</body>
 <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript">

    window.onload=function(){
		var status = #(status);
		var payinfo = "#(payInfo)";
		var callUrl = "#(resUrl)";
		console.info("status :" + status);
		if("1" == status){
			$("#wx-success").css("display","");
			$("#content").css("display","");
		}else if("4" == status){
			$("#wx-tip").css("display","");
            alert("失败订单号:"  + "#(outTradeNo)" + ":" + payinfo);
		}else{
			$("#wx-fail").css("display","");
            alert("失败订单号:"  + "#(outTradeNo)" + ":" + payinfo);
		}


		if(!callUrl){

		}else{
			setTimeout(function(){
				location.href= callUrl;
			}, 3000);
		}

	}

    </script>


</html>
